<@compress single_line=isCompress>
<!DOCTYPE html>
<html>
<head>
<title>用户管理</title>
<#include "/pager/common/quote.html" />
</head>
<body>
    <div class="body-center">
        <div class="html-panel query-panel" id="query_con">
            <div class="panel-header"><div class="panel-title">查询条件</div></div>
            <div class="panel-content" id="menuMgrPanel">
                <form onsubmit="return false;" id="queryForm" class="form_style">
                    <span class="spacing"><label>用户名：</label><input type="text" name="username"/></span>
                    <span class="spacing"><label>昵称：</label><input type="text" name="nick"/></span>
                    <span class="spacing"><label>状态：</label><select name="status"><option value="">==请选择==</option><option value="1">正常</option><option value="0">停用</option></select></span>
                    <span class="spacing"><label>角色：</label>
                       <select name="roleId">
                          <option value="">==请选择==</option>
                           <#if allRole?? && allRole?size gt 0>
	                        <#list allRole as r>
	                        <option value="${r.roleId}">${r.roleName}</option>
	                        </#list>
	                        </#if>
                       </select>
                    </span>
                    <span class="spacing"><input type="submit" id="queryButton" value="查询"/></span>
                </form>
            </div>
        </div>
        <table id="grid" data-options="url:'user/list.html',method:'post'" title="用户列表">
            <thead>
                <th data-options="field:'username',width:80,resizable:true,align:'left'">用户名</th>
                <th data-options="field:'nick',width:80,resizable:true,align:'left'">昵称</th>
                <th data-options="field:'email',width:80,resizable:true,align:'left'">Email</th>
                <th data-options="field:'status',width:30,resizable:true,align:'left',formatter:formatter.status">状态</th>
                <th data-options="field:'roles',width:80,resizable:true,align:'left',formatter:formatter.roles">角色</th>
                <th data-options="field:'updateDate',width:80,resizable:true,align:'left'">修改时间</th>
                <th data-options="field:'createDate',width:80,resizable:true,align:'left'">创建时间</th>
                <th data-options="field:'opt',width:100,resizable:true,align:'center',formatter:formatter.opt">操作</th>
            </thead>
        </table>
    </div>
    <div class="hide-panel">
        <div id="userEditDialog" style="width:430px;height:350px;" data-options="resizable:false,modal:true,closed: true">
            <form id="userEditForm" class="form_style" method="post" onsubmit="return false;">
                <input type="hidden" name="userId" id="userId" />
                <div class="form-field">
                    <label for="username">用户名：<font color="red">*</font></label>
                    <input class="easyui-validatebox" type="text" name="username" id="username" maxlength="30" data-options="required:true,validType:'username'" />
                </div>
                <div class="form-field">
                    <label for="nick">昵称：<font color="red">*</font></label>
                    <input class="easyui-validatebox" type="text" name="nick" maxlength="30" data-options="required:true"/>
                </div>
                <div class="form-field">
                    <label for="email">Email：<font color="red">*</font></label>
                    <input class="easyui-validatebox" type="text" name="email" maxlength="50" data-options="required:true,validType:'email'"/>
                </div>
                <div class="form-field">
                    <label for="phone">电话：<font color="red">*</font></label>
                    <input class="easyui-validatebox" type="text" name="phone" maxlength="25" data-options="required:true,validType:'telephone'"/>
                </div>
                <div class="form-field">
                    <label for="qq">QQ：</label>
                    <input id="userEdit-qq" class="easyui-validatebox" type="text" name="qq" maxlength="19"/>
                </div>
                <div class="form-field">
                    <label for="status">状态：<font color="red">*</font></label>
                    <input type="radio" name="status" value="1" checked="checked" /><span class="check-label">正常</span>
                       <input type="radio" name="status" value="0" /><span  class="check-label">停用</span>
                </div>
                <div class="form-field">
                    <label for="roleId">角色：<font color="red">*</font></label>
                    <input class="easyui-validatebox" type="text" name="roleId" id="roleId" data-options="required:true" />
                </div>
            </form>
        </div>
    </div>
</body>
</html>
</@compress>
